import React from 'react';
import Designer from './components/layout/designer';
import Footer from './components/layout/footer';
import Header from './components/layout/header';
import Sidebar from './components/layout/sidebar';

const classes = utils.BEMClass('designer');

const App = () => (
  <div className={classes({ element: 'container' })}>
    <div className={classes({ element: 'header' })}>
      <Header />
    </div>
    <div className={classes({ element: 'layout' })}>
      <div className={classes({ element: 'sidebar' })}>
        <Sidebar />
      </div>
      <div className={classes({ element: 'footer' })}>
        <Designer />
      </div>
    </div>
    <Footer />
  </div>
);

export default App;
